
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>

  
   <head> 
   
   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>DataBase Project</title>
	  <link rel="stylesheet" type="text/css" href="css/geral.css">
	  
	 
	  
	  <style type="text/css">
	   /* zerar as margens da página*/
	  *{
	  margin:0;
	  padding:0;
	   
	  }
	  #login{
	   
      position:absolute;
       float:left;
	    left:500px;
		top:5px;
		height:25px;
	  display:block;
	  border:1px solid black;
	  border-radius: 5px;
        
	   }
	   
	   #email{
	   position:absolute;
       float:left;
	    border:0px;
		top:12px;
		left:450px;
		top:15px;
		color:black;
	   }
	    #senha{
	   position:absolute;
       float:left;
	   left:650px;
	    border:0px;
		top:15px;
		color:black;
	   }
	   #password1{
	   
	   position:absolute;
       float:left;
	    left:700px;
		top:5px;
		height:25px;
	  display:block;
	  border:1px solid black;
	  border-radius: 5px;
	   
	   
	   }
	 
	   #botao{
	   position:absolute;
       float:left;
	    left:850px;
	   border:1px solid black;
		top:8px;
		
		background-image: linear-gradient(to right, white, blue);
	 
	   }
	   #cadastro{
	   position:absolute;
       float:left;
       left:0%;
       width:98%;
       height:4900px;
       top:40px;
	   border: 1px solid black;
       border-radius: 10px;

    background-image: linear-gradient(to bottom, white, black);
	   
	   
	   }
	   
	  
	   
	 
	   
	  
	   #home{
	   color:white;
	   
	   }
	   #tabela{
	   
	  
		
	    position:absolute;
       float:left;
	    left:200px;
		top:15px;
		width:500px;
		height:50px;
		
		
	   }
	   .text{
	   
	   width:500px;
		height:30px;
	   border: 1px solid black;
	   display:block;
	  
	   }
          
	   .fonte2{
	   text-decoration:none;
font-weight:bold;
font-size:12px;
color:black;
	   
	   }
         
	   #btn{
	   position:relative;
	   top:0px;
	   left:120px;
	   width:250px;
	   border-radius:0px;
	   display:inline;
	     background-color:white;
		  border-radius:5px;
	        
			 font-weight:bold;
	   }
	   #titulotd{
	   text-align:center;
	   
	   }
	  #dadosProf{
	  font-size:14px;
	   color:blue;
	  
	  }
	  
	
	   
	   
	   input[ title="Descreva aqui sua(s) atividade(s)"]{
	   
	   height:80px;
	   
	   }
	   label#obrigatorio{
	   
	           position:absolute;
			   left:150px;
	   }
	   
	   
	  
	  
	  
	  </style>
   </head>
   
   <body>
        <div id="barraMenu">  <a class="fonte" id="home" >Cadastrar: </a></div>
	    
	   <div id="corpo">
	    <form action="gravarClientes.jsp" method="post">
	       
		
		
		     <div id="cadastro">
			    <!--
                                     apresentação dos campos onde o cliente inseri os dados a ser cadastrados
                         -->
			   <table  id="tabela" border="0">
			   <tr><td id="titulotd"><label class="fonte2" id="dadosProf"> Cadastro de Cliente:</label></td> </tr>
			   <tr><td><label class="fonte2">Nome:*</label><input type="text" id="publica" class="text" name="TXTNM" title="Digite seu nome neste campo"/>  </td> </tr>
			   <tr><td><label class="fonte2">CPF:*</label><input type="text" id="confidencial" class="text" name="TXTCPF" title="Digite seu Cpf neste campo"/></td> </tr>
			   <tr ><td ><label class="fonte2">Email:*</label><input type="email" id="decide" class="text" name="TXTEMAIL" title="Digite seu email neste campo"/></td> </tr>
			   <tr><td><label class="fonte2">Senha:*</label><input type="password" id="confidencial" class="text" name="TXTSENHA" title="Digite sua senha neste campo"/></td> </tr>
			   
				<tr><td><label id="obrigatorio" class="fonte2">Campos com "*" são obrigatórios</label> 
				<tr><td><input type="submit" class="text" id="btn"  value="Cadastrar" /></td></tr>
			   
			   
			   </table>
				 
				
			 </div>
			 </form>
			 
	   		 
	   </div>
   </body>
   
</html>

